<script>
import RoleTable from '@/views/settings/components/roleTable/roleTable.vue'
import CompanyInfo from '@/views/settings/components/companyInfo/companyInfo.vue'
import CopyRight from '@/components/CopyRight/CopyRight.vue'

export default {
  name: 'settings',
  components: {
    CopyRight,
    RoleTable,
    CompanyInfo
  }
}
</script>

<template>
  <div class="settings">
    <el-tabs type="border-card">
      <el-tab-pane>
        <span slot="label"><i class="el-icon-user-solid"></i> 角色管理</span>
        <role-table></role-table>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label"><i class="el-icon-s-order"></i> 公司信息</span>
        <company-info></company-info>
      </el-tab-pane>
    </el-tabs>
    <copy-right></copy-right>
  </div>
</template>

<style scoped lang="scss">
.settings {
  .el-tabs {
    margin-top: 20px;
  }
}
</style>
